<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

			<!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->
			
			<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/media/css/main.css"/>

			<div id="portlet-config" class="modal hide">

				<div class="modal-header">

					<button data-dismiss="modal" class="close" type="button"></button>

					<h3>portlet Settings</h3>

				</div>

				<div class="modal-body">

					<p>Here will be a configuration form</p>

				</div>

			</div>

			<!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->

			<!-- BEGIN PAGE CONTAINER-->        

			<div class="container-fluid">

				<!-- BEGIN PAGE HEADER-->

				<div class="row-fluid">

					<div class="span12">

						<!-- BEGIN STYLE CUSTOMIZER -->

						<div class="color-panel hidden-phone">

							<div class="color-mode-icons icon-color"></div>

							<div class="color-mode-icons icon-color-close"></div>

							<div class="color-mode">

								<p>THEME COLOR</p>

								<ul class="inline">

									<li class="color-black current color-default" data-style="default"></li>

									<li class="color-blue" data-style="blue"></li>

									<li class="color-brown" data-style="brown"></li>

									<li class="color-purple" data-style="purple"></li>

									<li class="color-grey" data-style="grey"></li>

									<li class="color-white color-light" data-style="light"></li>

								</ul>

								<label>

									<span>Layout</span>

									<select class="layout-option m-wrap small">

										<option value="fluid" selected>Fluid</option>

										<option value="boxed">Boxed</option>

									</select>

								</label>

								<label>

									<span>Header</span>

									<select class="header-option m-wrap small">

										<option value="fixed" selected>Fixed</option>

										<option value="default">Default</option>

									</select>

								</label>

								<label>

									<span>Sidebar</span>

									<select class="sidebar-option m-wrap small">

										<option value="fixed">Fixed</option>

										<option value="default" selected>Default</option>

									</select>

								</label>

								<label>

									<span>Footer</span>

									<select class="footer-option m-wrap small">

										<option value="fixed">Fixed</option>

										<option value="default" selected>Default</option>

									</select>

								</label>

							</div>

						</div>

						<!-- END BEGIN STYLE CUSTOMIZER -->  

						<!-- BEGIN PAGE TITLE & BREADCRUMB-->

						<h3 class="page-title">

							Editable Tables <small>editable table samples</small>

						</h3>

						<ul class="breadcrumb">

							<li>

								<i class="icon-home"></i>

								<a href="index.html">Home</a> 

								<i class="icon-angle-right"></i>

							</li>

							<li>

								<a href="#">Data Tables</a>

								<i class="icon-angle-right"></i>

							</li>

							<li><a href="#">Editable Tables</a></li>

						</ul>

						<!-- END PAGE TITLE & BREADCRUMB-->

					</div>

				</div>

				<!-- END PAGE HEADER-->

				<!-- BEGIN PAGE CONTENT-->

				<div class="row-fluid">

					<div class="span12">

						<!-- BEGIN EXAMPLE TABLE PORTLET-->

						<div class="portlet box blue">

							<div class="portlet-title">

								<div class="caption"><i class="icon-edit"></i>Editable Table</div>

								<div class="tools">

									<a href="javascript:;" class="collapse"></a>

									<a href="#portlet-config" data-toggle="modal" class="config"></a>

									<a href="javascript:;" class="reload"></a>

									<a href="javascript:;" class="remove"></a>

								</div>

							</div>

							<div class="portlet-body">

								<div class="clearfix">

									<div class="btn-group" >

										<a class="change-content" href="${pageContext.request.contextPath }/user/add"><button class="btn green">

										  增加用户 <i class="icon-plus"></i>

										</button></a>

									</div>

									<div class="btn-group pull-right">

										<button class="btn dropdown-toggle" data-toggle="dropdown">Tools <i class="icon-angle-down"></i>

										</button>

										<ul class="dropdown-menu pull-right">

											<li><a href="#">Print</a></li>

											<li><a href="#">Save as PDF</a></li>

											<li><a href="#">Export to Excel</a></li>

										</ul>

									</div>

								</div>

								<table class="table table-striped table-hover table-bordered" id="sample_editable_1">

									<thead>
										<tr>
											<th >用户名</th>
											<th >邮箱</th>
											<th >手机</th>
											<th >微信号</th>
											<th >创建时间</th>
											<th >最后登录时间</th>
											<th >最后登录ip</th>
											<th >操作</th>
										</tr>
									</thead>
									<tbody>
										<c:forEach var="user" items="${datas }">
											<tr>
												<td>${user.username }</td>
												<td>${user.email }</td>
												<td>${user.phone }</td>
												<td>${user.weixin }</td>
												<td>${user.createTime }</td>
												<td>${user.lastLoginTime }</td>
												<td>${user.lastLoginIp }</td>
												<th><a>修改</a>&nbsp;&nbsp;&nbsp;&nbsp;<a>删除</a></th>
											</tr>
										</c:forEach>
									</tbody>
								</table>
							</div>

						</div>

						<!-- END EXAMPLE TABLE PORTLET-->

					</div>

				</div>

				<!-- END PAGE CONTENT -->

			</div>

			<!-- END PAGE CONTAINER-->



		<!-- END PAGE -->
		<script type="text/javascript" src="${pageContext.request.contextPath }/media/js/jquery.cms.validate.js"></script>
		
		<script type="text/javascript" src="<%=request.getContextPath() %>/media/js/jquery-1.7.2.min.js"></script>
		
		<script type="text/javascript" src="<%=request.getContextPath() %>/media/js/jquery.validate.js"></script>
		
		<script>
			jQuery(document).ready(function() {  
				
				 $(".change-content").click(function(){
					  var url = this.href;
					  var args = {"time" : new Date()};
					   
					  $.get(url, args, function(data){
						  $(".page-content").html(data);
					  });
					   return false;
				   });
				 
		
				});
			
		</script>
	